<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<link rel="stylesheet" href="stylesheet.css" type="text/css" />

<title>Del Arroyo 4-H Photos</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('#navbar').load('templates/navbar.html');
    $('#footer').load('templates/footer.html');
});
</script>

</head>

<body>

<div class="header">
<p><img src="images/delarroyologo.png" alt="del arroyo logo" /></p>
</div>

<p>&nbsp;</p>

<div id="navbar"></div>

<h2>Photos</h2>

<h3>Photo Collection</h3>

<p>Here are some photos of what we do in 4-H!</p>

<div class="photoleft">

<h4>Archery Project</h4>

<p><img src="images/JaClArchery(Indiv).jpg" alt="photo" /></p>

</div>

<div class="photoright">

<h4>Rodeo Parade</h4>

<p><img src="images/MaChRodeoParade(Group).jpg" alt="photo" /></p>

</div>

<div class="photoright">

<h4>Fine Arts: Oil Painting Project</h4>

<p><img src="images/MaChArtGroupLibrary(Group).jpg" alt="photo" /></p>
</div>

<div class="photoleft">

<h4>Community Service - Children's Fair</h4>

<p><img src="images/MaChCommServ(Group).jpg" alt="photo" /></p>

</div>

<div id="footer"></div>

<p>&nbsp;</p>

</body>
</html>